*{
    padding: 0;
    margin: 0;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif,'微软雅黑';
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ 
    color: #c0c0c0;
}
.sw_g{
	width: 1200px;
    margin: 0 auto;
    position: relative;
	/* border: 1px solid #ccc */
}
.head-box{
    width: 100%;
    height: 145px;
    background-color: #ffffff;
    color: #5c5c5c;
    font-size: 16px;
}
.head-box .logo{

}
.head-box i{
    color: #aaaaaa;
    font-size: 16px;
    margin-right: 5px;
}
.head_sw{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}
.head_lianxi{
    flex-shrink: 0;
    width: 416px;
    line-height: 2;
}
.main-box{
    width: 100%;
    height: 787px;
    background-image:url(../images/bg.png);
    background-repeat:no-repeat;
    background-size: 100% 100% ;
}
.main_sw{
    height: 100%;
}
.login-box{
    width: 416px;
    height: 500px;
    border-radius:15px;
    background: #ffffff; 
    position: absolute;
    top: 80px;
    right: 0;
    box-shadow: 2px 0 5px rgba(0, 0, 0, .66);
    box-sizing: border-box;
    padding: 40px;

}
.login-title{
    font-size: 28px;
    color: #3dc16e;
}
.login-input-box{
    display: flex;    
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 46px;
    border: 1px solid #e7e7e7;
    border-radius:9999px;
    padding:0 15px;
    box-sizing: border-box;
    margin-top:30px; 
}
.login-input-box.active_focus{
    border-color:#0f85cc;
} 
.login-input-box i{
    color: #b3b3b3;
    margin-right:10px; 
}

.login-input-box .active_focus{
    color: #0f85cc;
}
.login-input-box .icon-wode{
    flex-shrink: 0;
    font-size: 20px;
}
.login-input-box .icon-password{
    flex-shrink: 0;
    font-size: 20px;
}

.login-input-box input{
    flex-shrink: 0;
    width: 270px;
    height: 100%;
    border: none;
    outline: none;
   
}
.login-choice-box{
    margin-top:30px; 
    display: flex;    
    justify-content: space-between;
    align-items: center;
}
.login-choice-box div{
    cursor: pointer;
}
.login-choice-box div i{
    font-size: 20px;
    margin-right:5px; 
    color: #B3B3B3;
}
.login-choice-box div .am-icon-check-circle{
    color: #32B16C;
}
.login-choice-box div span{
    color: #afc3d7;
    font-size: 16px;
}
.login-choice-box .choice{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.login-submit{
    width: 100%;
    height: 49px;
    margin-top: 30px;
    color: #fff;
    background: #3dc16e;
    font-size: 21px;
    border: none;
    border-radius:9999px ;
    box-shadow: 2px 0 29px rgba(0, 0, 0, .11);
}
.foot-box{
    width: 100%;
    height: 109px;
    background-color: #ffffff;
    position: fixed;
    bottom: 0;
}
.foot_sw{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    color: #999999;
}
.foot-copyright{
    width: 450px;
}
.foot-xian{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.foot-xian i{
    display: inline-block;
    flex-shrink: 0;
    width: 9px;
    height: 9px;
    border-radius:50% ;
    background: #e5e5e5;
}
.foot-xian span{
    display: inline-block;
    flex-shrink: 0;
    width: 80px;
    height: 1px;
    background: #e5e5e5;
}